<ion-header>
  <ion-navbar>
    <ion-title>
      	订阅
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
   <div class="top">
   	<img src="../src/pages/dingyue/img/wanan.jpg"  class="img_1"/>
   	<div class="neirong">
   		<p class="nr1">
   			晚安英文美文
   			<i>
   				<ion-icon name="ios-arrow-down" ></ion-icon>
   			</i>
   		</p>
   		<p class="nr2">张民师简单的介绍文字文字文字</p>
   		<div class="nr3">
         <p class="t1"><img src="../src/pages/dingyue/img/yinyue.png">&nbsp;23万</p>
         <p class="t2"><img src="../src/pages/dingyue/img/aixin.jpg">&nbsp;7万</p>
         <p class="t3"><img src="../src/pages/dingyue/img/yinyuexinhao.jpg">&nbsp;321集</p>
   		</div>
   	</div>		
   </div>
   <hr class="hr1"/>
 <div class="top2">
   	      <img src="../src/pages/dingyue/img/zms.jpg" />
   	      <div class="neirong">
   		      <p class="nr2">栏目介绍文字文字文字</p>
   		      <div class="nr3">
              <p class="t1"><img src="../src/pages/dingyue/img/yinyue.png">23万</p>
              <p class="t2"><img src="../src/pages/dingyue/img/xinxi.png">7万</p>
              <p class="t3"><img src="../src/pages/dingyue/img/shizhong.png">3'20</p>
              <p class="t4">8小时前</p>
   		      </div>
   	      </div>		
      </div>
    <hr class="hr2"/>
   	   <div class="top2">
   	      <img src="../src/pages/dingyue/img/zms.jpg" />
   	      <div class="neirong">
   		      <p class="nr2">栏目介绍</p>
   		      <div class="nr3">
              <p class="t1"><img src="../src/pages/dingyue/img/yinyue.png">23万</p>
              <p class="t2"><img src="../src/pages/dingyue/img/xinxi.png">7万</p>
              <p class="t3"><img src="../src/pages/dingyue/img/shizhong.png">3'20</p>
              <p class="t4">8小时前</p>
   		      </div>
   	      </div>		
      </div>
    <hr class="hr2"/>
   	   <div class="top2">
   	      <img src="../src/pages/dingyue/img/zms.jpg" />
   	      <div class="neirong">
   		      <p class="nr2">英文演讲-演讲技巧</p>
   		      <div class="nr3">
              <p class="t1"><img src="../src/pages/dingyue/img/yinyue.png">23万</p>
              <p class="t2"><img src="../src/pages/dingyue/img/xinxi.png">7万</p>
              <p class="t3"><img src="../src/pages/dingyue/img/shizhong.png">3'20</p>
              <p class="t4">8小时前</p>
   		      </div>
   	      </div>		
      </div>
   <hr class="hr2"/>
   <div class="top3">
   	<img src="../src/pages/dingyue/img/shiyongkouyu.jpg" class="img_1"/>
   	<div class="neirong">
   		<p class="nr1">
   			实用口语练习
   			<i>
   				<ion-icon name="ios-arrow-up" ></ion-icon>
   			</i>
   		</p>
   		<p class="nr2">张民师简单的介绍文字文字文字</p>
   		<div class="nr3">
         <p class="t1"><img src="../src/pages/dingyue/img/yinyue.png">&nbsp;23万</p>
         <p class="t2"><img src="../src/pages/dingyue/img/aixin.jpg">&nbsp;7万</p>
         <p class="t3"><img src="../src/pages/dingyue/img/yinyuexinhao.jpg">&nbsp;321集</p>
   		</div>
   	</div>		
   </div>
   <hr class="hr3"/>
      <div class="top3">
   	<img src="../src/pages/dingyue/img/wanan.jpg" class="img_1" />
   	<div class="neirong">
   		<p class="nr1">
   			晚安英文美文
   			<i>
   				<ion-icon name="ios-arrow-up" ></ion-icon>
   			</i>
   		</p>
   		<p class="nr2">张民师简单的介绍文字文字文字</p>
   		<div class="nr3">
         <p class="t1"><img src="../src/pages/dingyue/img/yinyue.png">&nbsp;23万</p>
         <p class="t2"><img src="../src/pages/dingyue/img/aixin.jpg">&nbsp;7万</p>
         <p class="t3"><img src="../src/pages/dingyue/img/yinyuexinhao.jpg">&nbsp;321集</p>
   		</div>
   	</div>		
   </div>
</ion-content>
